<template>
  <div>
    <div class="parent-element">
      <!-- bind your configurations -->
      <!-- <vuescroll :ops="ops"> <div class="child-element"></div> </vuescroll> -->
      <vuescroll :ops="ops"> <div class="child-element"></div> </vuescroll>
    </div>
  </div>
</template>

<script>
import vuescroll from "vuescroll";
export default {
  components: {
    vuescroll,
  },
  data() {
    return {
      ops: {
        vuescroll: {},
        scrollPanel: {},
        rail: {},
        bar: {},
      },
    };
  },
};
</script>

<style scoped>
    .child-element{
        /* width: 200px; */
        height: 1400px;
        background: aquamarine;
    }
    .parent-element{
        width: 200px;
        height: 500px;
        background: blue;
    }
</style>
